<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*给整个页面添加背景图片*/
        body{
            background-image: url(../imgs/b.bmp);
        }
        div{
				width: 500px;
				height:400px;

				/*div的边框*/
				border: 8px solid #d3d3d3;
				background-color: #ffffff;
                
				/*让div居中，设置外边距即可*/
				margin: 50px auto;/*50px 表示div的盒子上下是50px,以上优先。auto表示div的盒子左右自动适应*/

				/*设置内边距*/
				padding: 40px 80px;
        }
        /*行高*/
			tr{
				height: 40px;
			}
			/*输入框的高度*/
			input{
				height: 30px;
			}

    </style>
  
</head>


<body>

    <div>
   <form action="">
    <!-- 10行三列 -->
        <table border="0px" cellspacing="0px">
            <tr>
                <td align="right"><font color="#6d94cc" size="3" face="">会员注册</font></td>
                <td colspan="2"><font size="1" > USER REGISTER</font></td> 
            </tr>
            
            <tr>
                <td align="right"><b>用户名：</b></td>
                <td colspan="2"><input type="text" ></td>
            </tr>
            
            <tr>
                <td align="right"><b>密码：</b></td>
                <td colspan="2"><input type="password"></td>
            </tr>

            <tr>
                <td align="right"><b>确认密码：</b></td>
                <td colspan="2"><input type="password" ></td>
            </tr>

            <tr>
                <td align="right"><b>Email：</b></td>
                <td colspan="2"><input type="text" ></td>
            </tr>

            <tr>
                <td align="right"><b>姓名：</b></td>
                <td colspan="2"><input type="text" ></td>
            </tr>

            <tr>
                <td align="right"><b>性别：</b></td>
                <td><input type="radio" name="sex" checked>男<input type="radio" name="sex">女</td>
               
            </tr>

            <tr>
                <td align="right"><b>出生日期：</b></td>
                <td colspan="2"><input type="text" ></td>
            </tr>

            <tr>
                <td align="right"><b>验证码：</b></td>
                <td><input type="text" ></td>
                <td><img src="../imgs/a.png" width="100px" height="20px" alt="图片已离家出走"></td>
            </tr>
            <tr>
                <td align="right"></td>
                <td></b><input type="submit" value="注册"></td>
                <td><input type="reset" value="重置"></td>
            </tr>
         
        </table>
        </form>
    </div>
    
</body>
</html>